<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>

	<title></title>
	<link rel="stylesheet" href="../jquery/jquery.mobile-1.0a4.1.min.css" />
	<link rel="stylesheet" href="../css/member_style.css" />
	<script type="text/javascript" src="../jquery/jquery-1.5.2.min.js"></script>
	<script type="text/javascript" src="../jquery/jquery.mobile-1.0a4.1.min.js"></script>
	<script type="text/javascript" src="../jquery/jquery.validate.js"></script>
	<script type="text/javascript" src="member_modify.js"></script>

</head>
<body>
	<div data-role="page" id="album-list">

		<div id="header" data-role="header" data-theme="b">
			会员修改页面 
			<a id="back" data-role="button" data-icon="back" data-iconpos="notext" style="float: right;">回退</a>
		</div>
		<!-- /header -->


		<div data-role="content">

			<form id="member_modify_form" action="modify.action" method="post"
				enctype="multipart/form-data">

				<div data-role="fieldcontain">
					<input type="hidden" name="id" id="id"
						value="<s:property value="member.id"/>" />
				</div>

				<div data-role="fieldcontain">
					<label for="memberId">账号:</label> <input type="text"
						name="memberId" id="memberId" value="<s:property value="member.memberId"/>"  />
					<span id="info_memberId"></span>
				</div>
				<div data-role="fieldcontain">
					<label for="nickName">昵称:</label> <input type="text"
						name="nickName" id="nickName"
						value="<s:property value="member.nickName"/>" />
				</div>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
			     		<legend>级别:</legend> 
			     		<select name="memberCategoryNo" id="memberCategoryNo"  data-native-menu="false">
						<s:iterator value="memberCategoryList">
							<s:if test='id==member.category.id'>
								<option value='<s:property value="id"/>' selected>
									<s:property value="name" />
								</option>
							</s:if>
							<s:else>
								<option value='<s:property value="id"/>'>
									<s:property value="name" />
								</option>
							</s:else>
						</s:iterator>
					</select>
					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<label for="name">姓名:</label> <input type="text" name="name"
						id="name" value="<s:property value="member.name"/>" />

				</div>

				<div data-role="fieldcontain">
					<label for="password">密码:</label> <input type="password"
						name="password" id="password"
						value="<s:property value="member.password"/>" />
				</div>
				
				<div data-role="fieldcontain">
		         <label for="confirmPassword">确认密码:</label>
		         <input type="password" name="confirmPassword" id="confirmPassword" value="<s:property value="member.password"/>" />
		         <div id="info_password"></div>
				</div>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>性别:</legend>
						<s:if test='member.sex==M'>
							<input type="radio" name="sex" id="sex_m" value="M"
								checked="checked" />
							<label for="sex_m">男</label>
							<input type="radio" name="sex" id="sex_f" value="F" />
							<label for="sex_f">女</label>
						</s:if>
						<s:else>
							<input type="radio" name="sex" id="sex_m" value="M" />
							<label for="sex_m">男</label>
							<input type="radio" name="sex" id="sex_f" value="F"
								checked="checked" />
							<label for="sex_f">女</label>
						</s:else>
					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<label for="birthday">出生日期:</label> <input type="text"
						name="birthday" id="birthday"
						value="<s:property value="member.birthday"/>" />
				</div>
				<div data-role="fieldcontain">
					<label for="address">家庭住址:</label> <input type="text"
						name="address" id="address"
						value="<s:property value="member.address"/>" />
					<div id="info_age"></div>
				</div>

				<div data-role="fieldcontain">
					<label for="email">Email:</label> <input type="text" name="email"
						id="email" value="<s:property value="member.email"/>" />
				</div>
				<div data-role="fieldcontain">
					<label for="tel">电话:</label> <input type="text" name="tel" id="tel"
						value="<s:property value="member.tel"/>" />
				</div>
				<div data-role="fieldcontain">
					<label for="mobilePhone">手机号码:</label> <input type="text"
						name="mobilePhone" id="mobilePhone"
						value="<s:property value="member.mobilePhone"/>" />
				</div>
				<div data-role="fieldcontain">
					<label for="qq">QQ:</label> <input type="text" name="qq" id="qq"
						value="<s:property value="member.qq"/>" />
				</div>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
						<legend>爱好:</legend>

						<s:iterator var="h" value="hobbyList">
							<s:if test="#h.id in hids">
									<input type="checkbox" name="hobbyIds"
										id="<s:property value="id"/>" value='<s:property value="id"/>'
										checked class="custom" />
									<label for="<s:property value="id"/>"><s:property
											value="name" />
									</label>
								</s:if>
							 <s:else>
								<input type="checkbox" name="hobbyIds"
									id="<s:property value="id"/>" value='<s:property value="id"/>'
									class="custom" />
								<label for="<s:property value="id"/>"><s:property
										value="name" />
								</label>
							</s:else>

						</s:iterator>

					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>图片:</legend>
						<label for="photo"></label> <img
							src="../upload/<s:property value="member.photoName" />"
							width="80" height="80" id="show_photo" /> <input type="hidden"
							id="photoName" name="photoName"
							value="<s:property value="member.photoName" />" /> <input
							type="file" name="photo" id="upload_photo" style="display: none;" />
					</fieldset>

				</div>


				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>图片处理:</legend>
						<input type="hidden" id="dealPhoto" name="dealPhoto" value="save" />
						<div data-role="controlgroup" data-type="horizontal">
							<a data-role="button" id="radio_save">保留</a> <a
								data-role="button" id="radio_modify">修改</a> <a
								data-role="button" id="radio_delete">删除</a>
						</div>
					</fieldset>

				</div>
				<fieldset class="ui-grid-a">
					<div class="ui-block-a">
						<button type="button" onclick="location='list.action'" id="back" data-theme="d">关闭</button>
					</div>
					<div class="ui-block-b">
						<button type="submit" data-theme="a">修改</button>
					</div>
				</fieldset>

			</form>
		</div>
		<!-- /content -->
	</div>
	<!-- /page -->

</body>
</html>